<template>
	<view class="page-index">
		<uni-status-bar></uni-status-bar>
		<view class="top-box">
			睦邻北苑生活圈
		</view>
		<view class="banner-box">
			<image src="/static/index/banner.png" mode="" style="width: 100%;height: 100%;"></image>
		</view>
		<view class="brueggen-box" @click="fruitsBnt()">
			<view class="brueggen-top-box">
				<view class="brueggen-left-box">
					<view class="brueggen-left-top-box">
						<image :src="list[0].image" mode="" style="width: 100%;height: 100%;"></image>
					</view>
					<view class="brueggen-left-bom-box">
						<view class="brueggen-left-bom1-box">
							<image :src="list[1].image" mode="" style="width: 100%;height: 100%;"></image>
						</view>
						<view class="brueggen-left-bom2-box">
							<image :src="list[2].image" mode="" style="width: 100%;height: 100%;"></image>
						</view>
					</view>
				</view>
				<view class="brueggen-right-box">
					<image :src="list[3].image" mode="" style="width: 100%;height: 100%;"></image>
				</view>
			</view>
			<view class="brueggen-bom-box">
				<view class="brueggen-bom-left-box" @click="fruitsBnt()">
					<image :src="list[4].image" mode="" style="width: 100%;height: 100%;"></image>
				</view>
				<view class="brueggen-bom-right-box">
					<image :src="list[5].image" mode="" style="width: 100%;height: 100%;"></image>
				</view>
			</view>
		</view>
		<view class="dynamic-box">
			<view class="dynamic-top-box">
				<view class="dynamic-top-title-box">
					社区动态
				</view>
				<view class="dynamic-top-more-box" @click="jumps()">
					查看更多>
				</view>
			</view>
			<view class="dynamic-list">
				<view class="dynamic-item" v-for="(item,index) in sylist" :key="index" @click="jump(item)">
					<view class="dynamic-item-imge">
						<image :src="'https://yunchenbucket.oss-cn-qingdao.aliyuncs.com/'+item.phone" class="dynamic-item-imges" mode=""></image>
					</view>
					<view class="dynamic-item-text">
						<view class="dynamic-item-top">
							{{item.name}}
						</view>
						<view class="dynamic-item-box">
							<view class="dynamic-item-tiem">
								2023-10-01    
							</view>
							<view class="dynamic-item-shu">
								| 
							</view>
							<view class="dynamic-item-name">
								 睦邻北苑生活圈
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script src="./page.js"></script>

<style scoped lang="scss">
	@import 'page.scss';
</style>